.classify {
  .header {
    // 吸顶
    position: fixed;
    top: 0px;
    z-index: 10;
    padding: 0 0.1333rem;
    display: flex;
    align-items: center;
    background-color: rgb(246, 246, 246);
    width: 100%;
    justify-content: space-around;
    .search {
      width: 85%;
    }
  }
  .body {
    padding: 1.38rem 0;
    display: flex;
    overflow-y: hidden;
    .left {
      height: 15rem;
      overflow-y: scroll;
    }
    .right {
      height: 15rem;
      width: 72%;
      background-color: rgb(255, 255, 255);
      overflow-y: scroll;
      scroll-behavior: smooth;
      .br {
        .it {
          position: fixed;
          top: 1.413333rem;
          background-color: #ffffff;
          width: 70%;
          // 双开门
          .img {
            width: 100%;
            height: 100px;
            margin: 0 auto;
            background: url('./images/6.jpg');
            overflow: hidden;
            // padding: 0.4rem;
            // box-sizing: border-box;
          }
          .img::before,
          .img::after {
            float: left;
            content: '';
            width: 50%;
            height: 100px;
            background-image: url(./images/class.gif);
            transition: all 0.5s;
          }
          .img::after {
            background-position: right 0;
          }
          .img:hover::before {
            transform: translate(-100%);
          }
          .img:hover::after {
            transform: translate(100%);
          }
          .top {
            display: flex;
            justify-content: space-around;
            .liang {
              background-color: #1890ff;
              color: white;
            }
            div {
              padding: 5px;
              border-radius: 26px;
              background-color: #f5f5f5;
              a {
                text-decoration: none;
                color: black;
              }
            }
          }
        }

        .recommend {
          .zzzzz {
            border-top: 25vh solid rgba(1, 1, 1, 0);
            margin: -25vh 0 0;
            z-index: 1;
          }
          .zhanwei {
            height: 4.3rem;
          }
          .bottom {
            // position: absolute;
            .bbbig {
              // margin-top: -200px;
              // border-top: 200px solid red;
              margin-left: 0.26667rem;
              margin-bottom: 0.26667rem;
              p {
                padding: 0.1333rem;
              }
              .bbig {
                display: flex;
                flex-wrap: wrap;
                div {
                  margin-right: 0.1333rem;
                  text-align: center;
                  .imgs {
                    width: 2rem;
                    height: 2rem;
                    background-color: #f5f5f5;
                    border-radius: 0.13333rem;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
